.page-boxsf {
	width: 100%;
	min-height: 100vh;
	background-color: #F8F8F8;
	padding: 0 20upx;
	box-sizing: border-box;
}
.user-infos {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 43upx 20upx 46upx 0;
	background-color: #fff;
	>image {
		width: 40upx;
		height: 40upx;
	}
	>view {
		display: flex;
		align-items: center;
		>image {
			width: 130upx;
			height: 130upx;
			background-color: #fff;
			border-radius: 50%;
			margin-right: 30upx;
		}
		>view {
			>view:nth-of-type(1) {
				font-size: 36upx;
				color: #000000;
				font-weight: bold;
				margin-bottom: 30upx;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				max-width: 400upx;
			}
			>view:nth-of-type(2) {
				font-size: 26upx;
				color: #969696;
			}
		}
	}
}
.order-box {
	border-radius: 20upx;
	background-color: #fff;
	box-sizing: border-box;
	margin-bottom: 31upx;
	padding: 32upx 25upx 48upx 30upx;
	.tit-row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 63upx;
		>text {
			font-size: 30upx;
			color: #000000;
			font-weight: bold;
		}
		>view {
			display: flex;
			align-items: center;
			>text {
				font-size: 24upx;
				color: #969696;
				margin-right: 14upx;
			}
			>image {
				width: 30upx;
				height: 30upx;
			}
		}
	}
	.order-action {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		padding: 0 30upx;
		justify-content: space-between;
		>view {
			display: flex;
			flex-direction: column;
			align-items: center;
			>image {
				width: 60upx;
				height: 60upx;
			}
			>view {
				font-size: 24upx;
				color: #969696;
				margin-top: 25upx;
			}
		}
	}
}
.card-row {
	background-color: #fff;
	border-radius: 20upx;
	box-sizing: border-box;
	padding: 0 14upx 0 43upx;
	margin-bottom: 32upx;
	>view {
		display: flex;
		align-items: center;
		height: 113upx;
		>image {
			width: 40upx;
			height: 40upx;
			margin-right: 28upx;
		}
		>view {
			flex: 1;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			box-sizing: border-box;
			padding-right: 20upx;
			>text {
				font-size: 28upx;
				color: #000000;
			}
			>view {
				display: flex;
				align-items: center;
				>image {
					width: 30upx;
					height: 30upx;
				}
				>text {
					font-size: 26upx;
					color: #969696;
					margin-right: 10upx;
				}
			}
		}
	}
	>view:not(:last-child) {
		>view {
			border-bottom: 1px solid #CCCCCC;
		}
	}
}
.last-rows {
	padding-left: 30upx !important;
	>view {
		>image {
			margin-right: 33upx !important;
		}
	}
}